<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="inp">
		<script>
			// keyCode 键盘的键码
			// key 键盘按键的内容
			// code  英文键盘按键的内容
			// inp.onkeydown=function(e){
			// 	//console.log(e.keyCode);
			// 	//console.log(e.key);
			// 	console.log(e.code);
			// }
			
			// pageX/pageY    距离整个页面顶部/左侧的坐标值
			// clientX/clientY  距离视窗顶部/左侧的坐标值
			// offsetX/offsetY  距离目标元素顶部/左侧的坐标值
			// screenX/screenY  距离电脑屏幕顶部/左侧的坐标值
			
			//了解
			//e.x/e.y---IE 如果有父级(起作用)，就是距离父级顶部/左侧的坐标值
			//e.x/e.y---FF 如果有父级(不起作用)，就是距离视窗顶部/左侧的坐标值
		</script>
	</body>
</html>
